<template>
  <div class="index">
    <el-row>
      <el-button>默认按钮</el-button>
      <el-button type="primary">主要按钮</el-button>
      <el-button type="success">成功按钮</el-button>
      <el-button type="info">信息按钮</el-button>
      <el-button type="warning">警告按钮</el-button>
      <el-button type="danger">危险按钮</el-button>
    </el-row>
  </div>
</template>

<script>
export default {
  /* 数据 */
  data() {
    return {}
  },

  /* 组件通信 */
  // 作为子组件接收从父组件传递过来的数据
  props: {
    num: {
      type: Number,
      default: 0
    },
    str: {
      type: String,
      default: ''
    },
    bool: {
      type: Boolean,
      default: true
    },
    arr: {
      type: Array,
      default: () => []
    },
    obj: {
      type: Object,
      default: () => {}
    }
  },

  /* 方法集 */
  methods: {},

  /* 计算属性 */
  computed: {},

  /* 数据监听 */
  watch: {},

  /* 生命周期 */
  // 数据创建后
  created() {},

  // 页面加载后
  mounted() {}
}
</script>

<style>
/* 高度100% */
.index {
  height: 100%;
  background-color: #2d3a4b;
}
</style>